iT邦幫忙

2024 iThome 鐵人賽

DAY 3
0
Mobile Development

從概念發想上架一支SwiftUI app系列 第 3

基礎部分 - 旋轉面板

  • 分享至 

  • xImage
  •  

接下來要製作旋轉效果。
首先要產生一個圓形面板, 正中心代表光源朝上。
當我移動到圓形的邊緣, 代表光源與螢幕呈現垂直。
連動的方式與Day2的PositionPanel相同。

其次要利用LinearGradient的效果,讓LightZone中的光源Circle有樣式的改變。
想像一道光束,離光源越遠會漸暗。

這是關鍵的一項功能所以卡關了,趁這個題目多學幾樣SwiftUI元件及語法是值得的。
期待我明天克服這關,下一步就可以規劃上架App的外觀了。


上一篇
基礎部分 - SwiftUI做中學
下一篇
基礎部分 - 面板部份
系列文
從概念發想上架一支SwiftUI app30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言